<!DOCTYPE HTML>
<!-- Website template by freewebsitetemplates.com -->
<html>
<head>
	<meta charset="UTF-8">
	<title>Confirmation</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<link rel="stylesheet" href="css/mystyle.css" type="text/css">
	<link rel="stylesheet" href="css/tabs-no-images.css" type="text/css">
	<script type="text/javascript" src="javascript/jquery-2.0.3.min.js"></script>
	<script type="text/javascript">
	var urlParams;
	function decodeQueryString()
	{
		var hash = window.location.search.substr(1);
		var match,
        pl     = /\+/g,  // Regex for replacing addition symbol with a space
        search = /([^&=]+)=?([^&]*)/g,
        decode = function (s) { return decodeURIComponent(s.replace(pl, " ")); },
        query  = window.location.search.substring(1);

        urlParams = {};
        while (match = search.exec(query))
        	urlParams[decode(match[1])] = decode(match[2]);
	}
	function loadParams() 
	{
		decodeQueryString();
		$("#guestName").html(urlParams["guest_first_name"] + " " + urlParams["guest_last_name"]);
		$("#stayDates").html(urlParams["arrival_date"] + " - " + urlParams["departure_date"]);
	}
	function printPage()
	{
		window.print();
	}
	</script>
</head>
<body onload="loadParams();">
	<div id="header">
		<div class="clearfix">
			<div class="logo">
				<a href="index.html"><img src="images/logo.jpg" alt="LOGO" height="85" width="250"></a>
			</div>
			<ul class="css-tabs">
				<li>
					<a href="contact.html">Contact Us</a>
				</li>
				<li>
					<a href="local_attractions.html">Local Attractions</a>
				</li>
				<li>
					<a href="facilities.html">Facilities</a>
				</li>
				<li>
					<a href="index.html">Home</a>
				</li>
			</ul>
		</div>
	</div>
	<div id="contents">
		<div class="clearfix">
			<div class="sidebar">
				<div>
					<p>
						<ul>
							<li><a href="#" onclick="printPage();"><p class="creamyfont">Print your reservation</p></a></li>
						</ul>
					</p>
				</div>
			</div>
			<div class="main">
					<div id="confirmationform">
						<table>
								<tr>
									<td><div id="printtextform"><p>Reservation number</p></div></td>
									<td><p id="reservationNumber">ATGD174927</p></td>
								</tr>
								<tr>
									<td><div id="printtextform"><p>Guest name</p></div></td>
									<td><p id="guestName"></p></td>
								</tr>
								<tr>
									<td><div id="printtextform"><p>Stay dates</p></div></td>
									<td><p id="stayDates"></p></td>
								</tr>
								<tr>
									<td><div id="printtextform"><p>Total for stay</p></div></td>
									<td><p id="totalPrice">€ 70</p></td>
								</tr>
						</table>
					</div>	
			</div>
	</div>
	<div id="footer">		
		<div id="footnote">
			<div class="clearfix">
				<p>
					© Copyright 2013 Alexandra Ringaile Valery Yasmin. All Rights Reserved.
				</p>
			</div>
		</div>
	</div>
</body>
</html>